﻿@charset "utf-8";
/*初始化样式*/

body{  margin:0px auto; zoom:1;

/*设置字体*/
font-size:14px;
font-family:"Microsoft Yahei";
color:#333;

/*设置宽度*/
width:100%; 
min-width:1200px; 
word-wrap:break-word;
}



/*强制去除自带的样式*/ 
ul,ul li,h1,h2,h3,h4,h5,h6,p,dl,dd,dt{ margin:0px; padding:0px;}
ul,ul li{ list-style:none;}
ul,ul li,img{ vertical-align:top;}
img{ border:none; border:0;}
a{ color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus { outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; }

select,input,textarea{ font-family:"Microsoft Yahei"; border-radius:0; -webkit-border-radius:0; color:#333;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;}
textarea{resize:none;}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }


/*html5设置*/
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} 
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}


/*清楚浮动*/
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.clearfix:after{
    display: block;
    font-size: 0;
    line-height:0;
    visibility: hidden;
    height: 0;
    clear: both;
    content: " ";  
}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix{ zoom: 1; } /* IE7 */


.w1200{
	width:1200px;
	text-align:left;
	_zoom:1;
	margin:0 auto;
}
/*初始化样式*/




/*页面框架结构*/


/*头部  position:absolute;*/
.header{ left:0; right:0; top:0; z-index:999; /*background:url(../images/c1.png)*/ repeat center; padding-top:42px; height:71px; background: #2d2d2d;}
.header .logo,.header .logo img{ width:233px; height:113px;}
.header .logo{ position:absolute; left:0; top:0; z-index:9;}


.mainNav ul{ margin-left:-39px;}
.mainNav li{ text-align:center; position:relative; float:left; display:inline; margin-left:39px;} 
.mainNav li .navA{ width:80px; display:block; padding-bottom:4px; border-bottom:2px solid transparent; font-size:18px; color:#fff;font-weight:bold;}
.mainNav dl{ display:none; padding-top:10px; width:174px; left:50%; margin-left:-87px; font-size:14px; position:absolute; top:22px; z-index:999; }
.mainNav dl a{ display:block; text-align:center; background-color:#fff; padding:8px 10px;}
.mainNav li:hover .navA{ border-bottom-color:#f9fc0a; color:#f9fc0a;}
.mainNav li:hover dl{ display:block;}
.mainNav dl a:hover{ background-color:#f9fc0a;}

.search{ width:278px;}
.search input{ width:253px; padding:4px 0; height:14px; color:#dad6d5; font-size:12px; border-bottom:1px solid #fff; background:none; line-height:14px;}
.search a{ display:block; width:22px; height:23px; background:url(../images/c2.png) no-repeat center; margin-left:3px;} 

.headerFix{ height:86px; background:url(../images/c25.png) repeat-x 0 0; position:fixed; z-index:10000;}
.headerFix .logo{ left:50%; margin-left:-600px;}
.headerFix .mainNav{ padding-left:233px;}
.headerFix .mainNav ul{ margin-left:0;}
.headerFix .mainNav li{ margin-left:32px;}
.headerFix .mainNav li .navA{ color:#333;}
.headerFix .search { width:158px}
.headerFix .search input{ width:133px; border-color:#333;}
.headerFix .search a{ background-image:url(../images/c24.png);}


/*banner*/
.banner{width:100%;position:relative; z-index:9; height:600px;}
.banner .bd{ width:100%;position:relative;z-index:0;overflow:hidden;}
.banner .bd ul{width:100% !important;} 
.banner .bd li{width:100% !important;height:600px;overflow:hidden;text-align:center; }
.banner .bd li a{display:block;height:600px; background-position:center top; background-repeat:no-repeat;}


.banner .hd{width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:16px;}
.banner .hd ul{text-align:center;}
.banner .hd ul li{ font-size:0; _font-size:0; display:inline-block;*display:inline;zoom:1;width:16px;height:16px;margin:0px 6px;overflow:hidden; background-repeat:no-repeat; background-position:center; background-image:url(../images/c3.png); color:#fff; cursor:pointer; line-height:16px;}
.banner .hd ul .on{ background-image:url(../images/c4.png); color:#146ecc;}


/*底部*/
.footer1,.footer1 a{ color:#fafb0b;}
.footer1{ padding:44px 0; background-color:#606061;}
.footer1 .dl,.footer1 dl{ float:left; display:inline; margin-right:75px;}
.footer1 .last{ margin-right:0;}
.footer1 .dl .logo2{ text-align:center;} 
.footer1 .dl .code{ margin-top:12px; border:1px solid #d3d3d3;}
.footer1 .dl .code img{ width:127px; height:127px;}
.footer1 dt{ margin-bottom:14px;} 
.footer1 .last dt{ margin-bottom:19px;} 
.footer1 dt a{ width:113px; height:35px; text-align:center; display:block; font-size:20px; color:#606060; background-color:#f9fc0a; line-height:35px;}
.footer1 dd{ line-height:24px;}
.footer1 dd a{ padding-left:10px; background:url(../images/c12.png) no-repeat left center;}

.footer1 .last span{ display:block; padding:8px 0; font-size:22px;}


.footer2,.footer2 a{ color:#888691;}
.footer2{ padding:40px 0; font-size:12px; background-color:#eeeeee; line-height:24px;} 
.footer2 .w1200{ text-align:center;}




/*首页*/ 
.doIndex{ padding:12px 0; font-size:16px; background-color:#f6f6f6;}
.doIndex li{ padding-left:45px; background-repeat:no-repeat; background-position:left center; float:left; display:inline; line-height:32px; margin-right:106px;}
.doIndex li.li1{ background-image:url(../images/c5.png);}
.doIndex li.li2{ background-image:url(../images/c6.png);}
.doIndex li.li3{ background-image:url(../images/c7.png);}
.doIndex li.li4{ background-image:url(../images/c8.png);}
.doIndex li.li5{ background-image:url(../images/c9.png); margin-right:0; padding-left:35px; color:#ff0000; }
 
.proIndex{ padding-top:52px; padding-bottom:70px; background-color:#eeeeee;}
.proIndex .ti,.proIndex .tit{ text-align:center;}
.proIndex .tit{ font-size:16px; font-weight:bold; margin-top:9px;}

.pro1{ padding-top:28px;} 
.pro1 li{ border:1px solid #e3e3e3; float:left; display:inline; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px; border-radius:8px; margin-right:32px; overflow:hidden; margin-top:32px;}
.pro1 li.last{ margin-right:0;}
.pro1 li .pic{ background-color:#fff; }
.pro1 li img{ width:582px;}
.pro1 li .memos{ background-color:#f6f6f6; padding:8px 10px; text-align:center; border-bottom:9px solid #dbdbdb;}
.pro1 li .tis{ font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro1 .txt{ font-size:12px; color:#abaaaa; margin-top:2px;}

.pro2{ margin-top:60px;}
.pro2 li,.pro2 li img{ width:298px; height:150px;}
.pro2 li{ float:left; display:inline; margin-right:2px;}
.pro2 li.last{ margin-right:0;}

.pro3{ height:340px; position:relative; margin-top:70px;}
.pro3 .item{ width:297px; text-align:center; position:absolute;}
.pro3 img{ width:297px;}
.pro3 .tis{ padding:20px 10px; background-color:#f6f6f6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro3 .item1 img,.pro3 .item2 img,.pro3 .item3 img,.pro3 .item4 img{}

.pro3 .item1{ left:0;}
.pro3 .item2{ left:301px;}
.pro3 .item3{ left:602px;}
.pro3 .item4{ left:903px;}
.pro3 .item5,.pro3 .item6,.pro3 .item7{ right:0;}

.pro3 .item6{ top:169px;}


.comIndex{ background:url(../images/c11.jpg) no-repeat center; padding:58px 0;}
.aboutIndex,.newIndex{ padding:15px; padding-top:0; background-color:#fff; }
.comIndex .tis{ font-size:30px; border-bottom:2px solid #333; padding-top:18px; padding-bottom:10px; margin-bottom:15px;}

.aboutIndex{ width:680px;} 
.aboutIndex img{ width:650px; height:407px;}

.newIndex{ width:418px; }
.newIndex .newHd a{ display:inline-block; *display:inline; zoom:1; padding-bottom:2px; color:#888691; margin-right:32px;}
.newIndex .newHd a.on{ color:#333; border-bottom:1px solid #333;}
.newIndex .newBd{ margin-top:27px; padding-bottom:5px;}
.newIndex .newBd li{ line-height:20px; margin-bottom:22px;}
.newIndex .newBd em,.newIndex .newBd a,.newIndex .newBd span{ float:left; display:inline;}
.newIndex .newBd em{ font-style:normal; width:20px; height:20px; text-align:center; color:#fff; }
.newIndex .newBd a{ margin-left:20px; width:276px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newIndex .newBd span{ font-size:12px; color:#ababab;}
.newIndex .newBd li.li1 em{ background-color:#d7574f;}
.newIndex .newBd li.li2 em{ background-color:#eca43b;}
.newIndex .newBd li.li3 em{ background-color:#5ab65c;}
.newIndex .newBd li.li4 em{ background-color:#458ece;}
.newIndex .newBd li.li5 em{ background-color:#5abedd;}
.newIndex .newBd li.li6 em{ background-color:#d7574f;}
.newIndex .newBd li.li7 em{ background-color:#eca43b;}
.newIndex .newBd li.li8 em{ background-color:#5ab65c;}
.newIndex .newBd li.li9 em{ background-color:#458ece;}

.promiseIndex{ background-color:#f6f6f6; padding:26px 0;}
.promiseIndex li,.promiseIndex img{ width:582px; height:97px;}
.promiseIndex li{ float:left; display:inline; border:1px solid #d7d7d7; margin-right:32px;}
.promiseIndex li.last{ margin-right:0;}



/*内页公共部分*/
.menuList{ background-color:#f6f6f6; }
.menuList .w1200{ position:relative; z-index:99;}
.menuList span{ padding:17px 0; padding-left:36px; background:url(../images/c9.png) no-repeat left center;  float:right; display:inline; font-size:16px; color:#ff0000; line-height:25px;}
.menuList ul{ width:900px; position:absolute; left:0; top:-12px; z-index:9;}
.menuList li{ float:left; display:inline; margin-right:6px; position:relative;}
.menuList a{ display:block; font-size:16px; padding:12px 17px 0 17px; line-height:59px; }
.menuList em{ display:none;}
.menuList li.last{ margin-right:0;}
.menuList li:hover a,.menuList li.on a{ background-color:#f9fc0a; font-weight:bold; }
.menuList li:hover em,.menuList li.on em{ display:block; width:23px; height:12px; background:url(../images/c13.png) no-repeat center; position:absolute; left:50%; margin-left:-11px; bottom:-12px;}


.pages{ padding:48px 0; font-size:12px; text-align:center;}
.pages a,.pages select,.pages span{ color:#666; border:1px solid #bbb; display:inline-block; *diaplay:inline; zoom:1; line-height:23px; padding:0 8px; margin:0 2px;}
.pages select{ width:42px; padding:0; position:relative; top:1px;} 
.pages a:hover{ background-color:#1f7ad0; color:#fff; border-color:#1f7ad0;}

/*关于我们*/
.aboutTxt1{ padding-top:78px; padding-bottom:58px; font-size:18px; line-height:30px;}
.aboutTxt11{ padding-top:38px; padding-bottom:0px; font-size:18px; line-height:30px;}

.aboutTxt2{ padding:50px 0; background-color:#76cafb;}
.aboutTxt2 img{ width:1200px;}


.aboutTxt3{ font-size:18px; line-height:30px; padding:60px 0;}


.aboutTxt4{ padding-top:70px; padding-bottom:83px; background-color:#e0e8eb;}
.aboutTxt4 li,.aboutTxt4 li img{ width:160px; height:92px;}
.aboutTxt4 li{ float:left; display:inline; margin-right:13px; margin-top:13px;}
.aboutTxt4 li.last{ margin-right:0;}

.aboutTxt5{padding-top:60px;}
.aboutTxt5 .w1200{ text-align:center;}
.aboutTxt5 .tis{ font-size:30px; font-weight:bold;}
.aboutTxt5 .tii{ font-size:18px; margin-top:15px;}
.aboutTxt5 .txt{ text-transform:uppercase; font-size:12px; margin-top:4px;}
.aboutTxt5 .pics{ margin-top:35px; padding:38px 0; background:url(../images/c23.jpg) no-repeat center;}
.aboutTxt5 .pics img{ max-width:1200px; text-align:center;}


/*新闻列表*/
.nyTi{ padding-top:43px; padding-bottom:20px; text-align:center; font-size:33px;color:#1f7ad0;border-bottom:3px solid #bcbcbc;font-weight:bolder;}
.nyTi span{ display:inline-block; *display:inline; zoom:1; padding-left:68px; background:url(../images/c14.png) no-repeat left center; line-height:49px; }


.newList{ padding-top:30px;}
.newList li{ padding:20px; border:1px solid #bdbcbc; background-color:#f5f4f4; margin-top:38px;}
.newList dl,.newList .pic,.newList .memos{ float:left; display:inline;}
.newList dl{ background-color:#f7f7f7; width:98px; text-align:center; color:#1f7ad0;}
.newList dt{ font-size:35px; font-weight:bold; line-height:70px; }
.newList dd{ font-size:12px; border-top:1px solid #dcdcdc; line-height:28px;}
.newList .pic{ margin:0 52px;}
.newList .pic,.newList img{ width:300px; height:158px;}
.newList .memos{ width:656px;}
.newList .tis,.newList .txt{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.newList .tis{ font-size:20px; font-weight:bold;}
.newList .txt{ color:#888888; margin-top:17px;}
.newList .more{ color:#1f95f9; border-top:1px solid #efeeee; margin-top:19px; padding-top:19px;}
.newList .more span,.newList .more em{ background-repeat:no-repeat; background-position:left center; margin-right:15px;} 
.newList .more span{ background-image:url(../images/c15.png); padding-left:30px;}
.newList .more em{ font-style:normal; background-image:url(../images/c16.png); padding-left:28px;}



/*联系我们*/
.contactPage{ padding-top:68px; padding-bottom:38px;}

.contactBox{ background-color:#606061;color:#fafb0b;}
.contactTxt,.maps{ float:left; display:inline;}
.contactTxt{ font-size:16px; width:516px; padding:50px 42px; line-height:30px;} 
.contactTxt h2{ font-size:30px; font-weight:normal; border-bottom:2px solid #d4d709; padding-bottom:10px; position:relative; margin-bottom:18px; line-height:normal;color:#fafb0b;}
.contactTxt h2 i{ display:block; width:69px; height:2px; background-color:#ee7200; position:absolute; left:0; bottom:-2px;}
.contactTxt div{ margin-top:30px;}

.contactBox .maps{ width:600px; height:500px;}


/*客户案例*/
.caseTxts{ font-size:16px; color:#67656e; line-height:30px; margin-top:62px; }



/*视频列表*/
.videoList{ padding-top:80px;}
.videoList li{ width:330px; text-align:center; float:left; display:inline; padding:0 35px; margin-top:20px;}
.videoList li.last{ margin-right:0;}
.videoList li .pic,.videoList li .pic img{ width:330px; height:260px;}
.videoList li .tis{ padding:0 10px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/*产品中心*/
.proBg{ background:#fff url(../images/c17.pngg) no-repeat 95px top;}
.proList li{ width:276px; text-align:center; float:left; display:inline; margin-top:70px; margin-right:30px;}
.proList li.last{ margin-right:0;}
.proList li img{ width:276px; height:286px;} 
.proList li .tis{ padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:24px;}


.proListznx li{ width:382px; text-align:center; float:left; display:inline; margin-top:70px; margin-right:20px;}
.proListznx li.last{ margin-right:0;}
.proListznx li img{ width:382px;} 
.proListznx li .tis{ padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:24px;}


.proListmoju li{ width:236px; text-align:center; float:left; display:inline; margin-top:50px; margin-right:85px;}
.proListmoju li.last{ margin-right:0;}
.proListmoju li img{ width:236px; height:236px;} 
.proListmoju li .tis{ padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:24px;}


/*详情页*/
.infoPage{ padding:40px 0;}
.infoTi,.infoTime{ text-align:center;}
.infoTi{ font-size:36px; font-weight:bold; color:#1F79D1;}
.infoTime { border-bottom:1px dotted #d6d6d6; padding:20px 0;  color:#979696; margin-bottom:40px;}
.infoEdit{ font-size:16px; line-height:30px; }
.video{ width:600px; margin:0 auto; margin-bottom:30px;}



/*产品详情*/
.prodPage{ width:950px; margin:0 auto; padding-top:104px; padding-bottom:96px;}
.proBig{ text-align:center;}
.proBig img{ max-width:100%;}

.proBox{ padding:0 17px; width:453px; margin:0 auto; position:relative;} 
.proBox span{ display:block; width:10px; height:45px; background-repeat:no-repeat; background-position:center; position:absolute;  top:50%; margin-top:-22px; cursor:pointer; z-index:999;}
.proBox span.proPrev{ left:0; background-image:url(../images/c18.png);}
.proBox span.proNext{ right:0; background-image:url(../images/c19.png);}
.proHd{ width:453px; overflow:hidden; margin-top:20px;}
.proHd li{ width:108px; margin:0 3px; float:left; display:inline;}
.proHd li img{ width:104px; height:70px; border:2px solid #ccc;}
.proHd li.on img{ border-color:#1F79D1;}



.honor{ margin-top:90px;}
.honor .tis{ text-align:center;}
.honor .tis div{ font-size:30px;}
.honor .tis div b{ color:#2079d0;}
.honor .tis span{ margin-top:12px; display:block; background:url(../images/c20.png) no-repeat center;}
.honor .tis span em{ font-size:24px; color:#2079d0;}

.honorBox{ margin-top:20px;}
.honorBox span{ width:40px; height:40px; cursor:pointer; float:left; display:inline; background-position:center; background-repeat:no-repeat; margin-top:38px;}
.honorBox span.honorPrev{ background-image:url(../images/c21.png);}
.honorBox span.honorNext{ background-image:url(../images/c22.png);}
.honorBox .honorHd{ width:839px; float:left; display:inline; overflow:hidden; position:relative; z-index:9; margin:0 15px;}
.honorBox .honorHd li { margin-right:6px; width:163px; float:left; display:inline;}
.honorBox .honorHd li img{ width:161px; height:114px; border:1px solid #e4e4e4; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px; overflow:hidden;}
.honorBox .honorHd .tis{ text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 10px; margin-top:5px;}



.proNav{ text-align:center; background-color:#f2f2f2; margin-top:34px;}
.proFixed{ position:fixed; width:950px; left:50%; margin-left:-475px; margin-top:0; z-index:999; top:113px;}
.proNav a{ display:block;}
.proNav ul{ border-left:1px solid #ddd;}
.proNav li{ float:left; display:inline; border-top:1px solid #ddd; border-right:1px solid #ddd;  width:121px; font-size:16px; line-height:45px;}
.proNav a.link{ color:#fff; font-size:18px; width:150px; background-color:#c21233; line-height:46px;}
.proNav li.on{ border-top-color:#c21233; background-color:#fff;}
.proNav li.on a{ color:#c21233;}

.proFrame{ margin:46px 15px;}
.proWrap { font-size:18px; line-height:34px;}

.proMore{ font-size:18px; line-height:30px;}
.proMore .tis{ font-weight:bold;}
.proMore li a{ color:#005dff;}


.provideo{ margin-top:184px; }
.provideo .tis{ background:#f2f2f2; border-top:1px solid #dedede;}
.provideo .tis span{ background-color:#fff; display:inline-block; *display:inline; zoom:1; font-size:18px; color:#B01330; border-top:2px solid #B01330; position:relative; top:-1px; line-height:58px; padding:0 30px; border-left:1px solid #dedede; border-right:1px solid #dedede; }
.provideo li{ text-align:center; width:450px; float:left; display:inline; margin-left:16px; margin-top:16px;}
.provideo li img{ width:450px;}
.provideo li .tii{ margin-top:5px; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 

